import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';

/**
  *引入路由
 **/
import {AppRoutingModule} from './app-routing.module';

import { AppComponent } from './app.component';
import { NavbarComponent } from './navbar/navbar.component';
import { FooterComponent } from './footer/footer.component';
import { SearchComponent } from './search/search.component';
import { CarouselComponent } from './carousel/carousel.component';
import { ProductComponent } from './product/product.component';
import { StarsComponent } from './stars/stars.component';
import { HomeComponent } from './home/home.component';
import { Code404Component } from './code404/code404.component';
import { ContentourComponent } from './contentour/contentour.component';
import { ProductdetailComponent } from './productdetail/productdetail.component';
import { ProductdescComponent } from './productdesc/productdesc.component';
import { ProductpackagingComponent } from './productpackaging/productpackaging.component';
import {ProductService} from './share/product.service';
import {LoggerService} from './share/logger.service';
import { FilterPipe } from './pipe/filter.pipe';
import { OrderStartsComponent } from './order-starts/order-starts.component';

@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    FooterComponent,
    SearchComponent,
    CarouselComponent,
    ProductComponent,
    StarsComponent,
    HomeComponent,
    Code404Component,
    ContentourComponent,
    ProductdetailComponent,
    ProductdescComponent,
    ProductpackagingComponent,
    FilterPipe,
    OrderStartsComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    AppRoutingModule,
    ReactiveFormsModule/*响应式编程需要引入的模块*/
  ],
  providers: [ProductService, LoggerService],
  bootstrap: [AppComponent]
})
export class AppModule { }
